const faqs = [
  {
    id: 1,
    question: 'What is RedGrowth?',
    answer:
      'RedGrowth is a SaaS platform that tracks keywords on Reddit, notifies you of relevant posts, and offers automated replies to capture leads.',
  },
  {
    id: 2,
    question: 'Do I need my Reddit account to send the replies and messages?',
    answer: 'No, we use our own Reddit account to send replies and messages.',
  },
  {
    id: 3,
    question: 'How fast can I see the results?',
    answer:
      'You can start seeing results as soon as RedGrowth identifies posts matching your tracked keywords on Reddit, typically within minutes of their publication.',
  },
  {
    id: 4,
    question: 'Can I try it for free before starting a subscription?',
    answer:
      "Right now, you can get started with our free plan. Upgrade to our most popular Pro plan and you'll get more keywords and more replies.",
  },
  {
    id: 5,
    question: 'Can I cancel my subscription anytime?',
    answer: 'Yes! You can cancel/pause/upgrade/downgrade your subscription anytime from email.',
  },
]

export default function Faq() {
  return (
    <div className="bg-white">
      <div className="mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8">
        <h2 className="text-2xl font-bold leading-10 tracking-tight text-gray-900">Frequently asked questions</h2>
        <p className="mt-6 max-w-2xl text-base leading-7 text-gray-600">
          If you can't locate what you need, shoot an email to{' '}
          <a href="mailto:admin@redgrowth.app" className="font-semibold text-[#ff5c5c] hover:text-[#fa8d8d]">
            admin@redgrowth.app
          </a>{' '}
          and you'll hear back as soon as possible.
        </p>
        <div className="mt-20">
          <dl className="space-y-16 sm:grid sm:grid-cols-2 sm:gap-x-6 sm:gap-y-16 sm:space-y-0 lg:grid-cols-3 lg:gap-x-10">
            {faqs.map(faq => (
              <div key={faq.id}>
                <dt className="text-base font-semibold leading-7 text-gray-900">{faq.question}</dt>
                <dd className="mt-2 text-base leading-7 text-gray-600">{faq.answer}</dd>
              </div>
            ))}
          </dl>
        </div>
      </div>
    </div>
  )
}
